﻿<!DOCTYPE html>
<html>
<head>
<title>清单和发票</title>
<meta charset="utf-8">
<meta name="keywords" content="短照中心-湘潭市康复养老中心;">
<meta name="description" content="短照中心-湘潭市康复养老中心;">
<link rel="stylesheet" rev="stylesheet" href="css/framepage.css" type="text/css" media="screen,print" />
<link rel="stylesheet" type="text/css" href="js/waitBox/wait.css">
<script src="js/vue.js"></script>
<script src="js/jquery-3.2.1.min.js"></script>
<script src="js/jquery.cookie.js"></script>
<script src="js/JSON-js-master/json2.js"></script>
<script src="js/waitBox/wait.js"></script>
<style type="text/css">
@media print {
.no_print {
	display: none;
}
@page {
margin: 0 10mm 0;
}
.form_div ul {
	margin-top: 0;
}
}
</style>
</head>

<body style="background:rbg(216,216,216);">
<div class="form_div">
  <h3>清单和发票</h3>
  <ul>
    <li style="width:100%"> <span class="tit" style="width:70px;">选择长者：</span>
      <select id="elderFloor_select" style="position:absolute;left:90px;top:0;width:197px;">
        <option value="">12楼</option>
        <option value="">13楼</option>
        <option value="">14楼</option>
      </select>
      <select id="elderBeHospital_select" style="position:absolute;left:290px;top:0;width:227px;">
        <option value="">周天虎 1301 A床</option>
        <option value="">周天虎 1301 A床</option>
        <option value="">周天虎 1301 A床</option>
      </select>
      <!--
      <span style="position:absolute;left:520px;top:0;">
      <input type="button" value="确定" class="button_s button1" onclick="findElderByBedId();" style="height:36px;" />
      </span>
      -->
      </li>
  </ul>
  <!--此处更改为按起始结束日期查询-->

  <ul>
    <li><span class="tit" style="width:70px;">开始日期：</span></li>
    <li style="line-height:36px;"> <span>
      <input type="text" placeholder="请输入年" id="startYear" style="width:100px;position:absolute;top:0;left:0;"/>
      </span>
      <select id="startMonth" style="width:90px;position:absolute;top:0;left:116px;">
        <option value="12">12月</option>
        <option value="11">11月</option>
        <option value="10">10月</option>
        <option value="9">9月</option>
        <option value="8">8月</option>
        <option value="7">7月</option>
        <option value="6">6月</option>
        <option value="5">5月</option>
        <option value="4">4月</option>
        <option value="3">3月</option>
        <option value="2">2月</option>
        <option value="1">1月</option>
      </select>
      <select id="startDay" style="width:90px;position:absolute;top:0;left:210px;">
        <option value="31">31日</option>
        <option value="30">30日</option>
        <option value="29">29日</option>
        <option value="28">28日</option>
        <option value="27">27日</option>
        <option value="26">26日</option>
        <option value="25">25日</option>
        <option value="24">24日</option>
        <option value="23">23日</option>
        <option value="22">22日</option>
        <option value="21">21日</option>
        <option value="20">20日</option>
        <option value="19">19日</option>
        <option value="18">18日</option>
        <option value="17">17日</option>
        <option value="16">16日</option>
        <option value="15">15日</option>
        <option value="14">14日</option>
        <option value="13">13日</option>
        <option value="12">12日</option>
        <option value="11">11日</option>
        <option value="10">10日</option>
        <option value="9">9日</option>
        <option value="8">8日</option>
        <option value="7">7日</option>
        <option value="6">6日</option>
        <option value="5">5日</option>
        <option value="4">4日</option>
        <option value="3">3日</option>
        <option value="2">2日</option>
        <option value="1">1日</option>
      </select>
    </li>
  </ul>
  <ul>
    <li><span class="tit" style="width:70px;">结束日期：</span></li>
    <li style="line-height:36px;"> <span>
      <input type="text" placeholder="请输入年" id="endYear" style="width:100px;position:absolute;top:0;left:0;"/>
      </span>
      <select id="endMonth" style="width:90px;position:absolute;top:0;left:116px;">
        <option value="12">12月</option>
        <option value="11">11月</option>
        <option value="10">10月</option>
        <option value="9">9月</option>
        <option value="8">8月</option>
        <option value="7">7月</option>
        <option value="6">6月</option>
        <option value="5">5月</option>
        <option value="4">4月</option>
        <option value="3">3月</option>
        <option value="2">2月</option>
        <option value="1">1月</option>
      </select>
      <select id="endDay" style="width:90px;position:absolute;top:0;left:210px;">
        <option value="31">31日</option>
        <option value="30">30日</option>
        <option value="29">29日</option>
        <option value="28">28日</option>
        <option value="27">27日</option>
        <option value="26">26日</option>
        <option value="25">25日</option>
        <option value="24">24日</option>
        <option value="23">23日</option>
        <option value="22">22日</option>
        <option value="21">21日</option>
        <option value="20">20日</option>
        <option value="19">19日</option>
        <option value="18">18日</option>
        <option value="17">17日</option>
        <option value="16">16日</option>
        <option value="15">15日</option>
        <option value="14">14日</option>
        <option value="13">13日</option>
        <option value="12">12日</option>
        <option value="11">11日</option>
        <option value="10">10日</option>
        <option value="9">9日</option>
        <option value="8">8日</option>
        <option value="7">7日</option>
        <option value="6">6日</option>
        <option value="5">5日</option>
        <option value="4">4日</option>
        <option value="3">3日</option>
        <option value="2">2日</option>
        <option value="1">1日</option>
      </select>
      <span style="position:absolute;left:304px;top:0;">
      <input type="button" value="查询" class="button_s button1" onclick="elderPayRecord_findCostInventoryBybeHospitalId();" style="height:36px;" />
      </span> </li>
  </ul>
</div>
<div class="list_div" id="vue_vm_list_inventory">
  <div class="for_ie_div"><!--为兼容IE-->
    <ul>
      <li style="width:160px;">
        <input type="button" value="清单统计" class="button button1" v-on:click="openTotalPage();" style="height:38px;"/>
      </li>
      <li style="width:160px;">
        <input type="button" value="清单打印" class="button button1" onclick="window.print();" style="height:38px;"/>
      </li>
    </ul>
  </div>
  <div style="margin:0;padding:0;" v-for="todo in todos">
    <h3>入院号：{{todo.elderBeHospitalForm.beNumber}}</h3>
    <ul v-if="todo.elderBeHospitalForm.elderForm.isFinancialCs==1">
      <li><span class="tit" style="width:70px;">金融客户：</span></li>
      <li><span>银行：{{todo.elderBeHospitalForm.elderForm.bankName}}</span></li>
      <li><span>联系人：{{todo.elderBeHospitalForm.elderForm.contactName}}</span></li>
      <li><span>联系电话：{{todo.elderBeHospitalForm.elderForm.contactPhoneNumer}}</span></li>
    </ul>
    <ul>
      <li style="width:70px;"><span>{{todo.elderBeHospitalForm.elderForm.name}}</span></li>
      <li style="width:250px;"><span>身份证号：{{todo.elderBeHospitalForm.elderForm.cardId}}</span></li>
      <li><span>{{todo.elderBeHospitalForm.buildingName}} {{todo.elderBeHospitalForm.floorName}} {{todo.elderBeHospitalForm.roomNumber}}室 {{todo.elderBeHospitalForm.bedNumber}}床</span></li>
      <li><span style="color:#ff0000;">科室负责人：{{todo.elderBeHospitalForm.subjectRoomManager}}</span></li>
    </ul>
    <ul><!-- 新增的余额相关 -->
        <li><span>押金：{{todo.pledge}}元</span></li>
        <li><span>预缴款合计：{{todo.prePay}}元</span></li>
        <li><span>总费用：{{todo.totalFee}}元</span></li>
        <li><span>钱包余额：{{todo.elderWalletForm.walletBalance}}元</span></li>
        <li><span>保床退费：{{todo.returnMoney?todo.returnMoney:0}}元</span></li>
        <li><span>饭卡余额：{{todo.mealCardForm.balance}}元</span></li>
    </ul>
    <div style="clear:both;"></div>
    <h3>{{getTitle()}} 费用</h3>
    <div style="margin:0;padding:0;" v-for="elderPayRecordForm in todo.elderPayRecordForms">
      <ul>
        <li><span>{{elderPayRecordForm.payDate}}</span></li>
        <li><span>{{elderPayRecordForm.costDesc}}：{{elderPayRecordForm.payMoney}}元</span></li>
        <li><span>操作人：{{elderPayRecordForm.handler}}</span></li>
        <li><span>状态：{{elderPayRecordForm.payStatus==1?'成功':(elderPayRecordForm.payStatus==2?'失败':'已退费')}}（{{elderPayRecordForm.payWay==1? '现金': (elderPayRecordForm.payWay==2? '钱包': 'VIP卡')}}）
        {{(elderPayRecordForm.arrearageDesc==null || elderPayRecordForm.arrearageDesc=='')? '': '（' + elderPayRecordForm.arrearageDesc + '）'}}</span></li>
      </ul>
    </div>
    <ul>
      <li><span>合计</span></li>
      <li><span>总额{{(getElderPayRecordTotalMoney(todo.elderPayRecordForms)+getElderArrearageTotalMoney(todo.elderArrearageForms)).toFixed(3)}}元</span></li>
      <li><span>实缴{{getElderPayRecordTotalMoney(todo.elderPayRecordForms).toFixed(3)}}元</span></li>
    </ul>

    <div style="clear:both;"></div>
    <div><span>欠费情况：</span></div>
    <div style="margin:0;padding:0;" v-if="todo.elderArrearageForms==null || todo.elderArrearageForms.length==0">
    	<ul>
            <li><span>无欠费</span></li>
      </ul>
    </div>
    <div style="margin:0;padding:0;" v-for="elderArrearageForm in todo.elderArrearageForms">
      <ul>
        <li><span>欠费项目：{{elderArrearageForm.arrearageDesc}}</span></li>
        <li><span>欠费金额：{{elderArrearageForm.arrearageMoney}}元</span></li>
        <li><span>欠费原因：{{elderArrearageForm.arrearageReason}}</span></li>
      </ul>
    </div>
  </div>
</div>
<script src="js/common.js"></script>
<script src="js/common_function.js"></script>
<script src="js/common_date.js"></script>
<script src="js/busi/elder_find_by_bed.js"></script>
<script src="js/busi/elder_pay_record.js"></script>
</body>
</html>